/************dropdown**************/
.dropdown{width:64px; height:20px;}
.dropdown-trigger{
	text-decoration:none; 
	color:#000;
	display:inline-block;
  border:1px solid #000; padding:6px 12px;
}
.dropdown-menu{
	width:200px;
	list-style:none; margin:0; padding:0;
	border:1px solid #aaa;
	box-shadow:5px 5px 6px #000;
}
.dropdown .menu-item>:only-child{
  text-decoration:none; 
		color:#000;
		display:inline-block;
  padding:6px 20px; width:160px;
}
	.dropdown .menu-item:hover{background:#ddd}
.dropdown-menu.fade{
  height:0;
  opacity:0;
  overflow:hidden;
  transition:all .5s linear;
}
.dropdown-menu.in{
  height:152px;
  opacity:1;
}

/***********accordion**************/
.accordion{width:80%; margin:0 auto;}
.accordion>.title{
	background:#eee; border:1px soild #aaa;
	padding:6px; font-size:1.5em; 
	font-weight:bold; cursor:pointer;
}
.accordion>.content{
  border-left:1px solid #eee;
  border-right:1px solid #eee;
}
.accordion>:last-child{
  border-bottom:1px solid #eee;
}
.accordion>.content.fade{
  height:0;
  opacity:0;
  overflow:hidden;
  transition:all .5s linear;
}
.accordion>.content.in{
  height:84px;
  opacity:1;
}